

<link href='static/plugins/fullcalendar-3.4.0/fullcalendar.min.css' rel='stylesheet' />
<link href='static/plugins/fullcalendar-3.4.0/fullcalendar.print.min.css' rel='stylesheet'
	media='print' />
<script src='static/plugins/fullcalendar-3.4.0/lib/moment.min.js'></script>
<script src='static/plugins/fullcalendar-3.4.0/lib/jquery.min.js'></script>
<script src='static/plugins/fullcalendar-3.4.0/fullcalendar.min.js'></script>
<script src='static/plugins/fullcalendar-3.4.0/locale/zh-cn.js'></script>
<script>

	$(document).ready(function() {
		
		$('#calendar').fullCalendar({
			header: {
				left: 'prev,next today',
				center: 'title',
				right: 'month,basicWeek,basicDay'
			},
			defaultDate: '2017-05-12',
			navLinks: true, // can click day/week names to navigate views
			editable: true,
			eventLimit: true, // allow "more" link when too many events
			events: [
				{
					title: 'All Day Event',
					start: '2017-05-01',
					color: 'yellow',   // a non-ajax option
			        textColor: 'black' // a non-ajax option
				},
				{
					title: 'Long Event',
					start: '2017-05-07',
					end: '2017-05-10'
				},
				{
					id: 999,
					title: 'Repeating Event',
					start: '2017-05-09T16:00:00'
				},
				{
					id: 999,
					title: 'Repeating Event',
					start: '2017-05-16T16:00:00'
				},
				{
					title: 'Conference',
					start: '2017-05-11',
					end: '2017-05-13'
				},
				{
					title: 'Meeting',
					start: '2017-05-12T10:30:00',
					end: '2017-05-12T12:30:00'
				},
				{
					title: 'Lunch',
					start: '2017-05-12T12:00:00'
				},
				{
					title: 'Meeting',
					start: '2017-05-12T14:30:00'
				},
				{
					title: 'Happy Hour',
					start: '2017-05-12T17:30:00'
				},
				{
					title: 'Dinner',
					start: '2017-05-12T20:00:00'
				},
				{
					title: 'Birthday Party',
					start: '2017-05-13T07:00:00'
				},
				{
					title: 'Click for Google',
					url: 'http://google.com/',
					start: '2017-05-28'
				}
			]
		});
		
		$(".fc-day").each(function(){
            console.info($(this).attr("data-date"));
//             if(cdate == $(this).attr("data-date")){
//                 //alert(cdate);
//                 //console.info($(this).children().find('.fc-day-content'));
//                 if(state=='班'){
//                     state ='<font class="redFont" style="font-weight: bold;background: #FFAB3D;color: #fff;padding: 5px;font-size: 16px;border-radius: 5px;">班</font>';
//                 }else{
//                     var state ='<font class="redFont" style="font-weight: bold;background: #37ABEC;color: #fff;padding: 5px;font-size: 16px;border-radius: 5px;">休</font>';
//                 }
				
                $(this).append('<br /><div style="border: 2px solid red;width: 90%;text-align: center;margin: 0 auto;margin-top: 15px;"><dl style="font-weight: bold; color: red;">08:30 - 18:00</dl><dl style="font-weight: bold; color: red;">迟到</dl></div>');
//             }
        });
	});

</script>
<style>

/* #calendar { */
/* 	margin: 0 auto; */
/* } */
</style>
<div id='calendar'></div>
